<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="/css/main/table.css"/>
<link rel="stylesheet" href="/css/main/page.css"/>
<script type="text/javascript" src="${ctx}/plugin/jquery/jquery-2.1.1.js"></script>
<script type="text/javascript" src="${ctx}/js/page.js"></script>

<body>
<div>
    <table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer" role="grid"
           aria-describedby="dynamic-table_info">
        <thead>
        <tr role="row" style=" background: #CDD9D9;" class="tableHead">
        <#--<th hidden rowspan="1" colspan="1" aria-label="">
            <label class="pos-rel">
                <input type="checkbox" class="ace" id="check_all">
                <span class="lbl"></span>
            </label>
        </th>-->
            <th width="200px" tabindex="0" rowspan="1" colspan="1">工程名称</th>
            <th width="100px" tabindex="0" rowspan="1" colspan="1">检查次数</th>
            <th width="100px" tabindex="0" rowspan="1" colspan="1">闭环次数</th>
            <th width="70px" tabindex="0" rowspan="1" colspan="1">本月</th>
            <th width="70px" tabindex="0" rowspan="1" colspan="1">本季</th>
            <th width="100px" tabindex="0" rowspan="1" colspan="1"></th>
        </tr>
        </thead>

        <tbody>
        <#list projectCountList as project>

        <tr role="row" class="odd">
            <td>
                <b> <a href="javascript:lookDetails('${project.id}')">${project.projectName!""}</a></b>
            </td>
            <td><b>${project.checkNum!""}</b></td>
            <td><b>${project.closedLoopNum}</b></td>
            <td><b>${project.thisMonthNum!""}</b></td>

            <td>
                <b> ${project.thisSeasonNum!""}</b>
            </td>
            <td>
            </td>
        </tr>
        </#list>

        </tbody>
    </table>
    <div class="row">
            <div class="page-info" id="table_info" >
                <#--第${nowBegin}-${nowEnd}条，共${count}条-->
            </div>
    </div>
</div>
</body>
<script type="text/javascript">
    <#--new page({pageMain:"pagination",nowPage:${page!'1'},count:${count},pageSize:${pageSize!'10'},-->
    <#--url:"/admin/user",params:"?pageSize=${pageSize}&query=${query}",pakey:"page"});-->
    new  tablePage(${page} ,${pageSize},${count?c},"${ctx}/homepage/findProjectCountByEpsId?",getParams());

    function getParams() {
        var epsId = $(".checkLi", parent.document).attr("dataId");
        var  status= $(".checkBtn", parent.document).val();
        if(status==undefined){
            status=3;
        }
        if (epsId == undefined) {
            epsId=0;
        }
        var projectName = $("#projectName", parent.document).val();
        if (projectName == undefined) {
            projectName="";
        }
        return "epsId=" +epsId+"&&status="+status+"&&projectName="+projectName;
    }

    function lookDetails(id) {
        window.open("${ctx}/homepage/findProjectDetails?projectId="+id);
    }
</script>
</html>
